﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Dashboard.aspx.cs" Inherits="cmbl.Azure.Web.Mockup.Dashboard" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>

    <!--[if lte IE 8]><script language="javascript" type="text/javascript" src="assets/js/excanvas.min.js"></script><![endif]-->
    <script src="assets/js/jquery.js"></script>
    <script src="assets/js/jquery.flot.js"></script>

    <script src="assets/js/jquery.sparkline.js"></script>
</head>
<body>
    <form id="form1" runat="server">
    <div>

        <fieldset>
            <legend>Performance</legend>

            <asp:DropDownList ID="dropObject" runat="server"></asp:DropDownList>
            <asp:DropDownList ID="dropCounterObject" runat="server"></asp:DropDownList>
            <asp:DropDownList ID="dropCounterCounter" runat="server"></asp:DropDownList>
            <asp:DropDownList ID="dropCounterInstance" runat="server"></asp:DropDownList>

            <asp:Literal ID="litChart" runat="server"></asp:Literal>

            Blah <span class="sparkline">8,4,0,0,0,0,1,4,4,10,10,10,10,0,0,0,4,6,5,9,10</span> <br />
            Blah <span class="sparkline">10,0,0,0,4,6,5,9,10</span> <br />
        </fieldset>

        <fieldset>
            <legend>Events</legend>

            Start <asp:TextBox ID="txtStartDateTime" Text="" runat="server"></asp:TextBox> End <asp:TextBox ID="txtEndDateTime" runat="server"></asp:TextBox><asp:Button ID="btnSearch" runat="server" Text="Search" OnClick="btnSearch_Click" />
            <br />
            <br />
            <asp:GridView ID="gridEvents" runat="server"></asp:GridView>
        </fieldset>

        <script>
            $('.sparkline').sparkline('html', { enableTagOptions: true });
        </script>

    </div>
    </form>
</body>
</html>
